<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数字输入框</title>
    <link rel="stylesheet" href="./view/数字输入框/styles.css">
</head>
<body>
<!-- 数字输入框 Unnamed (Rectangle) -->
<div id="u6986" class="ax_default heading_1">
    <div id="u6986_div" class=""></div>
    <div id="u6986_text" class="text ">
        <p><span>InputNumber 数字输入框</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u6987" class="ax_default heading_1">
    <div id="u6987_div" class=""></div>
    <div id="u6987_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u6988" class="ax_default label">
    <div id="u6988_div" class=""></div>
    <div id="u6988_text" class="text ">
        <p><span>使用鼠标或键盘输入一定范围的标准数值。</span></p><p><span>做了两版，右侧的版本没有做样式，使用的浏览器默认。</span></p><p><span><br></span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6989" class="ax_default" data-left="230" data-top="295" data-width="88" data-height="32">

    <!-- input-bg (Rectangle) -->
    <div id="u6990" class="ax_default box_1" data-label="input-bg">
        <div id="u6990_div" class=""></div>
        <div id="u6990_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- input-border (Rectangle) -->
    <div id="u6991" class="ax_default box_1" data-label="input-border">
        <img id="u6991_img" class="img " src="assets/images/数字输入框/input-border_u6991.svg"/>
        <div id="u6991_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u6992" class="ax_default text_field">
        <div id="u6992_div" class=""></div>
        <input id="u6992_input" type="number" value="1" class="u6992_input"/>
    </div>

    <!-- number-selector (Group) -->
    <div id="u6993" class="ax_default" data-label="number-selector" data-left="292" data-top="295" data-width="26" data-height="32">

        <!-- number-up (Rectangle) -->
        <div id="u6994" class="ax_default box_1" data-label="number-up">
            <img id="u6994_img" class="img " src="assets/images/数字输入框/number-up_u6994.svg"/>
            <div id="u6994_text" class="text ">
                <p><span></span></p>
            </div>
        </div>

        <!-- number-down (Rectangle) -->
        <div id="u6995" class="ax_default box_1" data-label="number-down">
            <img id="u6995_img" class="img " src="assets/images/数字输入框/number-down_u6995.svg"/>
            <div id="u6995_text" class="text ">
                <p><span></span></p>
            </div>
        </div>

        <!-- line (Vertical Line) -->
        <div id="u6996" class="ax_default line" data-label="line">
            <img id="u6996_img" class="img " src="assets/images/数字输入框/line_u6996.svg"/>
            <div id="u6996_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- line (Line) -->
        <div id="u6997" class="ax_default line" data-label="line">
            <img id="u6997_img" class="img " src="assets/images/数字输入框/line_u6997.svg"/>
            <div id="u6997_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6998" class="ax_default" data-left="341" data-top="295" data-width="88" data-height="32">

    <!-- input-border (Rectangle) -->
    <div id="u6999" class="ax_default box_1" data-label="input-border">
        <div id="u6999_div" class=""></div>
        <div id="u6999_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u7000" class="ax_default text_field">
        <div id="u7000_div" class=""></div>
        <input id="u7000_input" type="number" value="1" class="u7000_input"/>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7001" class="ax_default label">
    <div id="u7001_div" class=""></div>
    <div id="u7001_text" class="text ">
        <p><span>尺寸</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7002" class="ax_default label">
    <div id="u7002_div" class=""></div>
    <div id="u7002_text" class="text ">
        <p><span>大中小三种尺寸</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7003" class="ax_default" data-left="230" data-top="461" data-width="88" data-height="24">

    <!-- input-bg (Rectangle) -->
    <div id="u7004" class="ax_default box_1" data-label="input-bg">
        <div id="u7004_div" class=""></div>
        <div id="u7004_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- input-border (Rectangle) -->
    <div id="u7005" class="ax_default box_1" data-label="input-border">
        <img id="u7005_img" class="img " src="assets/images/数字输入框/input-border_u7005.svg"/>
        <div id="u7005_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u7006" class="ax_default text_field">
        <div id="u7006_div" class=""></div>
        <input id="u7006_input" type="number" value="1" class="u7006_input"/>
    </div>

    <!-- number-selector (Group) -->
    <div id="u7007" class="ax_default" data-label="number-selector" data-left="292" data-top="461" data-width="26" data-height="24">

        <!-- number-up (Rectangle) -->
        <div id="u7008" class="ax_default box_1" data-label="number-up">
            <img id="u7008_img" class="img " src="assets/images/数字输入框/number-up_u7008.svg"/>
            <div id="u7008_text" class="text ">
                <p><span></span></p>
            </div>
        </div>

        <!-- number-down (Rectangle) -->
        <div id="u7009" class="ax_default box_1" data-label="number-down">
            <img id="u7009_img" class="img " src="assets/images/数字输入框/number-down_u7009.svg"/>
            <div id="u7009_text" class="text ">
                <p><span></span></p>
            </div>
        </div>

        <!-- line (Vertical Line) -->
        <div id="u7010" class="ax_default line" data-label="line">
            <img id="u7010_img" class="img " src="assets/images/数字输入框/line_u7010.svg"/>
            <div id="u7010_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- line (Line) -->
        <div id="u7011" class="ax_default line" data-label="line">
            <img id="u7011_img" class="img " src="assets/images/数字输入框/line_u6997.svg"/>
            <div id="u7011_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7012" class="ax_default" data-left="341" data-top="457" data-width="88" data-height="32">

    <!-- input-bg (Rectangle) -->
    <div id="u7013" class="ax_default box_1" data-label="input-bg">
        <div id="u7013_div" class=""></div>
        <div id="u7013_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- input-border (Rectangle) -->
    <div id="u7014" class="ax_default box_1" data-label="input-border">
        <img id="u7014_img" class="img " src="assets/images/数字输入框/input-border_u6991.svg"/>
        <div id="u7014_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u7015" class="ax_default text_field">
        <div id="u7015_div" class=""></div>
        <input id="u7015_input" type="number" value="1" class="u7015_input"/>
    </div>

    <!-- number-selector (Group) -->
    <div id="u7016" class="ax_default" data-label="number-selector" data-left="403" data-top="457" data-width="26" data-height="32">

        <!-- number-up (Rectangle) -->
        <div id="u7017" class="ax_default box_1" data-label="number-up">
            <img id="u7017_img" class="img " src="assets/images/数字输入框/number-up_u6994.svg"/>
            <div id="u7017_text" class="text ">
                <p><span></span></p>
            </div>
        </div>

        <!-- number-down (Rectangle) -->
        <div id="u7018" class="ax_default box_1" data-label="number-down">
            <img id="u7018_img" class="img " src="assets/images/数字输入框/number-down_u6995.svg"/>
            <div id="u7018_text" class="text ">
                <p><span></span></p>
            </div>
        </div>

        <!-- line (Vertical Line) -->
        <div id="u7019" class="ax_default line" data-label="line">
            <img id="u7019_img" class="img " src="assets/images/数字输入框/line_u6996.svg"/>
            <div id="u7019_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- line (Line) -->
        <div id="u7020" class="ax_default line" data-label="line">
            <img id="u7020_img" class="img " src="assets/images/数字输入框/line_u6997.svg"/>
            <div id="u7020_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7021" class="ax_default" data-left="451" data-top="455" data-width="88" data-height="36">

    <!-- input-bg (Rectangle) -->
    <div id="u7022" class="ax_default box_1" data-label="input-bg">
        <div id="u7022_div" class=""></div>
        <div id="u7022_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- input-border (Rectangle) -->
    <div id="u7023" class="ax_default box_1" data-label="input-border">
        <img id="u7023_img" class="img " src="assets/images/数字输入框/input-border_u7023.svg"/>
        <div id="u7023_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u7024" class="ax_default text_field">
        <div id="u7024_div" class=""></div>
        <input id="u7024_input" type="number" value="1" class="u7024_input"/>
    </div>

    <!-- number-selector (Group) -->
    <div id="u7025" class="ax_default" data-label="number-selector" data-left="513" data-top="455" data-width="26" data-height="36">

        <!-- number-up (Rectangle) -->
        <div id="u7026" class="ax_default box_1" data-label="number-up">
            <img id="u7026_img" class="img " src="assets/images/数字输入框/number-up_u7026.svg"/>
            <div id="u7026_text" class="text ">
                <p><span></span></p>
            </div>
        </div>

        <!-- number-down (Rectangle) -->
        <div id="u7027" class="ax_default box_1" data-label="number-down">
            <img id="u7027_img" class="img " src="assets/images/数字输入框/number-down_u7027.svg"/>
            <div id="u7027_text" class="text ">
                <p><span></span></p>
            </div>
        </div>

        <!-- line (Vertical Line) -->
        <div id="u7028" class="ax_default line" data-label="line">
            <img id="u7028_img" class="img " src="assets/images/数字输入框/line_u7028.svg"/>
            <div id="u7028_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- line (Line) -->
        <div id="u7029" class="ax_default line" data-label="line">
            <img id="u7029_img" class="img " src="assets/images/数字输入框/line_u6997.svg"/>
            <div id="u7029_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7030" class="ax_default" data-left="230" data-top="520" data-width="88" data-height="24">

    <!-- input-border (Rectangle) -->
    <div id="u7031" class="ax_default box_1" data-label="input-border">
        <div id="u7031_div" class=""></div>
        <div id="u7031_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u7032" class="ax_default text_field">
        <div id="u7032_div" class=""></div>
        <input id="u7032_input" type="number" value="1" class="u7032_input"/>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7033" class="ax_default" data-left="341" data-top="516" data-width="88" data-height="32">

    <!-- input-border (Rectangle) -->
    <div id="u7034" class="ax_default box_1" data-label="input-border">
        <div id="u7034_div" class=""></div>
        <div id="u7034_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u7035" class="ax_default text_field">
        <div id="u7035_div" class=""></div>
        <input id="u7035_input" type="number" value="1" class="u7035_input"/>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7036" class="ax_default" data-left="451" data-top="514" data-width="88" data-height="36">

    <!-- input-border (Rectangle) -->
    <div id="u7037" class="ax_default box_1" data-label="input-border">
        <div id="u7037_div" class=""></div>
        <div id="u7037_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u7038" class="ax_default text_field">
        <div id="u7038_div" class=""></div>
        <input id="u7038_input" type="number" value="1" class="u7038_input"/>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7039" class="ax_default label">
    <div id="u7039_div" class=""></div>
    <div id="u7039_text" class="text ">
        <p><span>小</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7040" class="ax_default label">
    <div id="u7040_div" class=""></div>
    <div id="u7040_text" class="text ">
        <p><span>中</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7041" class="ax_default label">
    <div id="u7041_div" class=""></div>
    <div id="u7041_text" class="text ">
        <p><span>大</span></p>
    </div>
</div>
</body>
</html>
